*{/*移动端浏览器内核-webkit- 不用考虑兼容问题*/
    list-style: none;
    line-height: 1.5;
    /*清除点击高亮效果*/
    -webkit-tap-highlight-color: transparent;
    /*ios清楚默认外观，仅在ios设备上才用*/
    -webkit-appearance: none;
}
body{
    box-sizing: border-box;
    width: 100%;
    max-width: 540px;
    min-width: 320px;
    font-size: 16px;
    background-color: #fafafc;
    height: 870px;
    font-family: Tahoma, "Lucida Grande", Verdana, "Microsoft Himalaya", STXihei, hei;
}
/*清楚长按页面时弹出菜单栏*/
img{-webkit-touch-callout: none}
a{ color: #222132;
    text-decoration: none;
    -webkit-touch-callout: none
}


/*search区*/
    .search-box{
        height: 44px;
        position: fixed;
        z-index: 4;
        width: 100%;
        max-width: 540px;/**/
        min-width: 320px;/**/
        overflow: hidden;/**/
    }
            .ser-left{
                width: 12px;
                height: 44px;
                position: absolute;
                left: 0;
                top: 0;
            }
            .ser-center{
                height: 28px;
                margin-left: 13px;
                margin-right: 52px;/**/
                margin-top: 7px;
                background: #d2fdfe;
               border-radius: 15px;
                position: relative;
            }
                    .ser-ico{
                        z-index: 1;
                        width: 22px;
                        height: 22px;
                        background: #d2fdfe url("../images/home-common-sprite2x@v7.15.png") no-repeat 3px 5px;
                        background-size: 22px 100px;
                        position: absolute;
                        margin-left: 16px;
                        margin-top: 3px;
                    }
                    .ser-input{
                        outline: none;
                        border: 0 solid #d2fdfe;
                        position: absolute;
                        z-index: 2;
                        left: 36px;
                        width: 89%;
                        height: 28px;
                        border-radius: 0 15px 15px 0;
                        background: #d2fdfe;
                        font-weight: bold;
                    }

            .ser-right{
                top: 0;
                height: 47px;
                width: 51px;
                position: absolute;
                right: 0;
                background: url("../images/home-common-sprite2x@v7.15.png") no-repeat 12px -20px;
                background-size: 22px 102px;
            }
                    .ser-right h{
                        position: absolute;
                        z-index: 2;
                        bottom: 0;
                        margin-left: 6px;
                        font-size: 16px;
                        font-weight: bold;
                        letter-spacing:4px;
                        color: #f2f5f4;
                    }



/*main-content区*/
    .main-content1{
        background:#f2f9fd;
    }
            .img-wrap{
                min-width: 320px;
                max-width: 540px;
                height: 154px;
                position: relative;
                background: url("../images/baodi2@v7.15.jpg") no-repeat;
                background-size: 100%;
                border-radius: 0 0 32% 32%;
            }
    .main-content2{background: #e2f6c5;margin-top: 0px;}

                    .local-nav{
                        height: 64px;
                        margin-left: 4%;
                        margin-right: 4%;
                        border-radius: 8px;
                        background: #ffffff url("../images/slider-bottom@2x.png") no-repeat;
                        background-size: 0 30px;
                    }

                            .grid-nav-common a{
                                float: left;
                                width: 20%;
                                text-align: center;
                            }
                                    .grid-nav-common a:nth-child(1) span:nth-child(1){
                                        width: 60px;
                                        height: 36px;
                                        background: url("../images/home-fivemain-sprite2x@v7.15.png") no-repeat 7px -7px;
                                        background-size: 52px 286px;
                                        display: block;
                                    }
                                    .grid-nav-common a:nth-child(1) span:nth-child(2){
                                        display: block;
                                        width: 69px;
                                        height: 26px;
                                        font-size: 14px;

                                    }
                                    .grid-nav-common a:nth-child(2) span:nth-child(1){
                                        width: 60px;
                                        height: 36px;
                                        background: url("../images/home-fivemain-sprite2x@v7.15.png") no-repeat 6px -56px;
                                        background-size: 56px 253px;
                                        display: block;
                                    }
                                    .grid-nav-common a:nth-child(2) span:nth-child(2){
                                        display: block;
                                        width: 69px;
                                        height: 26px;
                                        font-size: 14px;

                                    }
                                    .grid-nav-common a:nth-child(3) span:nth-child(1){
                                        width: 60px;
                                        height: 36px;
                                        background: url("../images/home-fivemain-sprite2x@v7.15.png") no-repeat 6px -94px;
                                        background-size: 56px 228px;
                                        display: block;
                                    }
                                    .grid-nav-common a:nth-child(3) span:nth-child(2){
                                        display: block;
                                        width: 69px;
                                        height: 26px;
                                        font-size: 14px;
                                    }
                                    .grid-nav-common a:nth-child(4) span:nth-child(1){
                                        width: 60px;
                                        height: 36px;
                                        background: url("../images/home-fivemain-sprite2x@v7.15.png") no-repeat 6px -136px;
                                        background-size: 60px 221px;
                                        display: block;
                                    }
                                    .grid-nav-common a:nth-child(4) span:nth-child(2){
                                        display: block;
                                        width: 69px;
                                        height: 26px;
                                        font-size: 14px;
                                    }
                                    .grid-nav-common a:nth-child(5) span:nth-child(1){
                                        width: 60px;
                                        height: 36px;
                                        background: url("../images/home-fivemain-sprite2x@v7.15.png") no-repeat 6px -162px;
                                        background-size: 62px 202px;
                                        display: block;
                                    }
                                    .grid-nav-common a:nth-child(5) span:nth-child(2){
                                        display: block;
                                        width: 69px;
                                        height: 26px;
                                        font-size: 14px;
                                    }

/*nav*/
            .nav{
                height: 246px;
                margin-top: 6px;
                margin-left: 4%;
                margin-right: 4%;
                background: #f4f5f6;
                border-radius: 8px;
            }
                    /*nav-top*/
                    .nav-top{
                        height: 80px;
                    }
                            .nav-top nav{
                                display: -webkit-flex;
                            }
                                    /*nav标签里文字设置*/
                                    .nav a{
                                        font-weight: bold;
                                        text-align:center;
                                        line-height: 80px;
                                        color: #ffffff;
                                    }
                                        .nav-top nav a:nth-child(1){
                                            text-align: left;
                                            -webkit-flex: 3;
                                            height: 80px;
                                            margin: 1px;
                                            border-radius: 8px 0 0 0;
                                            background: url("../images/grid-nav-items-hotel@v7.15.png") no-repeat 0 100%,linear-gradient(to right,#fa5956 54%,#fb8650);
                                            background-size: contain;
                                        }
                                        .nav-top nav a:nth-child(2){
                                            -webkit-flex: 2;
                                            height: 80px;
                                            margin: 1px;
                                            background: url("../images/grid-nav-items-minsu@v7.15.png") no-repeat 0 100%,linear-gradient(to right,#fa5956 54%,#fb8650);
                                            background-size: contain;
                                        }
                                        .nav-top nav a:nth-child(3){
                                            color: #975727;
                                            -webkit-flex: 4;
                                            height: 80px;
                                            margin: 1px;
                                            border-radius: 0 8px 0 0;
                                            background: #f5c060 url("../images/grid-nav-items-hot.png") no-repeat 0 100%;
                                            background-size: contain;
                                        }

                    /*nav-center*/
                    .nav-center{
                        height: 80px;
                        margin-top: 1px;
                    }
                            .nav-center nav{
                                display: -webkit-flex;
                            }
                                    .nav-center nav a{height: 80px;margin: 1px;}

                                        .nav-center nav a:nth-child(1){
                                            -webkit-flex: 3;
                                            background: url("../images/grid-nav-items-flight@v7.15.png") no-repeat 0 100%,linear-gradient(#4b8fed,#53bcde);
                                            background-size: contain;
                                        }
                                        .nav-center nav a:nth-child(2){
                                            -webkit-flex: 2;
                                            background: url("../images/grid-nav-items-train.png") no-repeat 0 100%,linear-gradient(#4b8fed,#53bcde);
                                            background-size: contain;
                                        }
                                        .nav-center nav a:nth-child(3){
                                            -webkit-flex: 2;
                                            background: linear-gradient(to bottom,#4b8fed,#53bcde);
                                            background-size: contain;
                                        }
                                        .nav-center nav a:nth-child(4){
                                            -webkit-flex: 2;
                                            background: linear-gradient(to bottom,#4b8fed,#53bcde);
                                            background-size: contain;
                                        }

                    /*nav-bottom*/
                    .nav-bottom{
                        height: 80px;
                        margin-top: 1px;
                    }
                            .nav-bottom nav{
                                display: -webkit-flex
                            }
                                    .nav-bottom nav a{height: 80px;margin: 1px;}

                                        .nav-bottom nav a:nth-child(1){
                                            -webkit-flex: 3;
                                            border-radius: 0 0 0 8px;
                                            background: url("../images/grid-nav-items-travel@v7.15.png") no-repeat 0 100%,linear-gradient(#34c2aa,#6cd557);
                                            background-size: contain;

                                        }
                                        .nav-bottom nav a:nth-child(2){
                                            -webkit-flex: 2;
                                            background: url("../images/grid-nav-items-dingzhi@v7.15.png") no-repeat 0 100%,linear-gradient(#34c2aa,#6cd557);
                                            background-size: contain;
                                        }
                                        .nav-bottom nav a:nth-child(3){
                                            -webkit-flex: 2;
                                            background:linear-gradient(to bottom,#7fce77,#80cf74);
                                        }
                                        .nav-bottom nav a:nth-child(4){
                                            -webkit-flex: 2;
                                            border-radius: 0 0 8px 0;
                                            background: #80cf74;
                                        }



                    /*subnav区*/
                    .subnav{
                        height: 150px;
                        margin-left: 4%;
                        margin-right: 4%;
                        background: #fbfafd;
                    }
                            .subnav nav a{
                                float: left;
                                text-align: center;
                                width: 20%;
                            }
                                    /*盒子img设置*/
                                    .subnav nav a span:nth-child(1){
                                        width: 46px;
                                        height: 46px;
                                        margin: 0 auto;
                                        display: block;
                                    }
                                    /*盒子text设置*/
                                    .subnav nav a span:nth-child(2){
                                        text-align:justify;
                                        font-size: 12px;

                            }
                                    /*每一个小盒子-->1*/
                                    .subnav nav a:nth-child(1) span:nth-child(1){
                                        background: url("../images/un_ico_subnav2x@v7.33.png") no-repeat 5px 3px;
                                        background-size: 40px 430px;
                                    }
                                    /*每一个小盒子-->2*/
                                    .subnav nav a:nth-child(2) span:nth-child(1){
                                        background: url("../images/un_ico_subnav2x@v7.33.png") no-repeat 5px -36px;
                                        background-size: 40px 430px;
                                    }

                                    /*每一个小盒子-->3*/
                                    .subnav nav a:nth-child(3) span:nth-child(1){
                                        background: url("../images/un_ico_subnav2x@v7.33.png") no-repeat 5px -74px;
                                        background-size: 40px 430px;
                                    }
                                    /*每一个小盒子-->4*/
                                    .subnav nav a:nth-child(4) span:nth-child(1){

                                        background: url("../images/un_ico_subnav2x@v7.33.png") no-repeat 5px -115px;
                                        background-size: 40px 430px;
                                    }

                                    /*每一个小盒子-->5*/
                                    .subnav nav a:nth-child(5) span:nth-child(1){

                                        background: url("../images/un_ico_subnav2x@v7.33.png") no-repeat 5px -154px;
                                        background-size: 40px 430px;
                                    }
                                    /*每一个小盒子-->6*/
                                    .subnav nav a:nth-child(6) span:nth-child(1){
                                        background: url("../images/un_ico_subnav2x@v7.33.png") no-repeat 5px -194px;
                                        background-size: 40px 430px;
                                    }

                                    /*每一个小盒子-->7*/
                                    .subnav nav a:nth-child(7) span:nth-child(1){
                                        background: url("../images/un_ico_subnav2x@v7.33.png") no-repeat 5px -233px;
                                        background-size: 40px 430px;
                                    }
                                    /*每一个小盒子-->8*/
                                    .subnav nav a:nth-child(8) span:nth-child(1){
                                        background: url("../images/un_ico_subnav2x@v7.33.png") no-repeat 5px -273px;
                                        background-size: 40px 430px;
                                    }
                                    /*每一个小盒子-->9*/
                                    .subnav nav a:nth-child(9) span:nth-child(1){
                                        background: url("../images/un_ico_subnav2x@v7.33.png") no-repeat 5px -390px;
                                        background-size: 40px 430px;
                                    }
                                    /*每一个小盒子-->10*/
                                    .subnav nav a:nth-child(10) span:nth-child(1){
                                        background: url("../images/un_ico_subnav2x@v7.33.png") no-repeat 5px -350px;
                                        background-size: 40px 430px;
                                    }


                    /*entry区*/
                    .entry{
                        margin-top: 8px;
                        height: 70px;
                        width: auto;
                        background: #ffffff;
                    }
                            .entry nav a{
                                float: left;
                                width: 33%;
                                text-align: center;
                            }
                            /*img*/
                            .entry nav a span:nth-child(1){
                                display: block;
                                width: 44%;
                                height: 46px;
                                margin-left: 28%;
                            }
                            /*text*/
                            .entry nav a span:nth-child(2){
                                display: block;
                                font-size: 14px;

                            }
                            /*a1-span1*/
                            .entry nav a:nth-child(1) span:nth-child(1){
                                background: url("../images/entry1.png") no-repeat 0 100%;
                                background-size: contain;

                            }
                            /*a2-span1*/
                            .entry nav a:nth-child(2) span:nth-child(1){
                                background: url("../images/entry2.png") no-repeat 0 100%;
                                background-size: contain;
                            }
                            /*a3-span1*/
                            .entry nav a:nth-child(3) span:nth-child(1){
                                background: url("../images/entry3.png") no-repeat 0 100%;
                                background-size: contain;
                            }

                    /*footer区*/
                    footer{
                        height: 56px;
                       max-width: 540px;
                        min-width: 320px;
                        background: #faf9fc;
                    }
                            footer ul li span{
                               color: #666666;
                            }
                                /*每个span*/
                                footer ul li:nth-child(1) span:nth-child(1){
                                    margin-left: -4%;

                                }
                                footer ul li:nth-child(1) span:nth-child(2){
                                    margin-left: 1%;

                                }
                                footer ul li:nth-child(1) span:nth-child(3){
                                    background: url("../images/footer2.png") no-repeat 0 100%;
                                    background-size: contain;

                                }
                                footer ul li:nth-child(1) span:nth-child(4){
                                    margin-left: 0%;
                                    text-align: right;

                                }
                                footer ul li:nth-child(1) span:nth-child(5){
                                    margin-left: 0%;
                                }
                                        .select{
                                            width: 24%;
                                            outline: none;
                                            border: none;
                                            background: #b9c9d5;
                                            color: #ffffff;
                                        }
                                /**/
                                footer ul li:nth-child(2) span:nth-child(1){
                                    margin-left: -4%;
                                    color: #999999;
                                }
                                footer ul li:nth-child(2) span:nth-child(2){
                                    margin-left: 10%;
                                    color: #999999;
                                }

/*  -->OVER*/



